*{
	margin: 0;
	padding: 0;
}	
html,body{
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	font-size: 75px;
	font-weight: 100;
	/* //text-align: center; */
}
.LOGO {
  margin-left: 0.5867rem;
  margin-top: 0.4667rem;
  width: 2.48rem;
  height: 0.6rem;
}
.BTN-HOME {
  width: 0.55rem;
  height: 0.55rem;
  background-position: center;
  display: inline-block;
  margin-left: 5.7rem;
  margin-top: 0.4667rem;
}
.BTN-HOME img {
  width: 0.55rem;
  height: 0.55rem;
}
/* @media only screen and (min-width: 360px){
	html {
		font-size: 22.5px !important;
		}
}
@media only screen and (min-width: 400px){
	html {
		font-size: 25px !important;
		}
} */
body{
	position: relative;
	font-family:"Microsoft Yahei","kaiti";
}
#container {
  width: 40%;
  height: 9.68rem;
  overflow: hidden;
  position: relative;
  top: 13%;
  left: 10%;
  position: absolute;
}

.imgother {
  display: block;
  width: 2.4rem;
  height: 1.8rem;
  -webkit-transition: width 0.2s, height 0.2s, left 0.2s;
  margin: 12% auto;
  margin-right: 29%;
  /* position:absolute;*/
}

.imgfrist {
  top: 0%;
  left: 0%;
  display: block;
  width: 3.2rem;
  height: 2.4rem;
  -webkit-transition: width 0.2s, height 0.2s, left 0.2s;
  box-shadow: 8px 13px 24px rgba(0, 0, 0, 0.1);
  margin-bottom: 15%;
  /*position:absolute;*/
}

#workPage {
  position: relative;
}

#right {
  position: relative;
  width: 40%;
  height: 62.9%;
  word-wrap: break-word;
  top: 4%;
  left: 46%;
  -webkit-transition: all 0.5s;
}

.text {
  position: absolute;
  word-wrap: break-word;
  -webkit-transition: opacity 0.5s, left 0.5s;
  opacity: 1;
  width: 100%;
  height: 30%;
  margin-bottom: 15%;
}

.buttonStyle {
  position: absolute;
  left: 15%;
  border-radius: 20px;
  top: 95%;
  text-align: center;
  font-size: 4vw;
  /* line-height: 7vw; */
  border: 2px solid rgb(55, 142, 255);
  color: rgb(55, 142, 255);
  padding: 1% 15%;
}

.titleStyle {
  font-size: 5vw;
  line-height: 7vw;
  color: rgb(55, 142, 255);
  padding-bottom: 2vw;
}

hr {
  height: 0.4vw;
  background: rgb(55, 142, 255);
  width: 62%;
  border: none;
  opacity: 0.4;
}

.introStyle {
  width: 97%;
  font-size: 3vw;
  color: rgb(55, 142, 255);
  line-height: 4.5vw;
  padding-top: 2vw;
  height: 20%;
  border: none;
  margin-bottom: 15%;
}

.contentStyle {
  line-height: 5vw;
  top: 70%;
  width: 102%;
  margin-top: 2vw;
  font-size: 3.5vw;
  resize: none;
  height: 67%;
  border: none;
  color: #999;
}

.contentStyle li {
  list-style-type: none;
  font-size: 3vw;
  margin-top:12%;
}

#jishu {
  width: 90%;
  font-size: 4vw;
  color: #8c97a5;
  line-height: 3.5vw;
  padding-top: 10%;
}

#main>img {
  /*-webkit-transition: all 0.2s;*/
}

.textUnder {
  height: 50%;
  width: 90%;
  position: absolute;
  top: 103%;
}

a {
  text-decoration: none;
}

#main {
  height: 100%;
  position: relative;
}

.textTop {
  height: 26%;
  position: absolute;
  width: 93%;
}

#text0 {
  position: relative;
  width: 100;
}

/* #linkBtn {
  width: 4.6rem;
  height: 1rem;
  border: 0.0267rem solid rgb(51,208,102);
  border-radius: 1.0667rem;
  text-align: center;
  position: absolute;
  top: 90%;
  left: 50%;
  margin-left: -2.3rem;

}
#linkBtn a {
  font-size: 0.52rem;
  line-height: 1rem;
  text-decoration: none;
  color: #33d066;
  font-weight: 100;
  margin-left: 0.1rem;
} */

#linkBtn {
  width: 2.9333rem;
  height: 0.6667rem;
  border: 0.0267rem solid #33d066;
  border-radius: 1.0667rem;
  text-align: center;
  position: absolute;
  top: 13.3333rem;
  left: 50%;
  margin-left: -1.46665rem;
}
#linkBtn div {
  font-size: 0.32rem;
  line-height: 0.6667rem;
  text-decoration: none;
  color: #33d066;
  font-weight: 300;
}

#itro{
  width: 5rem;
  margin-left: 0.5rem;
  color:#b4b4b4;
  position: fixed;
}